<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html style="display: block;">
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
<meta http-equiv="CACHE-CONTROL" content="NO-STORE">
<meta http-equiv="PRAGMA" content="NO-CACHE">
<meta http-equiv="EXPIRES" content="-1">
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=8"/><![endif]-->
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">

<link rel="shortcut icon" href="/favicon.ico"/>

<?php use_helper('I18N') ?>
<?php include('scripts.php'); ?>

<title>Welcome to Fxpromaxltd.co</title>
<link href="/css/shop/default.css" rel="stylesheet" type="text/css" media="screen"/>
<link href="/css/shop/nivo-slider.css" rel="stylesheet" type="text/css" media="screen"/>
<script type="text/javascript" src="/css/shop/ddaccordion.js"></script>
<script type="text/javascript" src="/css/shop/jquery.nivo.slider.js"></script>
<script type="text/javascript" src="/css/shop/jquery.bxSlider.min.js"></script>
<script type="text/javascript" src="/css/shop/jquery.cross-slide.js"></script>

<link rel="stylesheet" href="/css/style.css">

<script type="text/javascript">
    $('#product_image a.view').fancybox();

    ddaccordion.init({
                headerclass: "submenuheader", //Shared CSS class name of headers group
                contentclass: "submenu_content", //Shared CSS class name of contents group
                revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
                mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
                collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
                defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
                onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
                animatedefault: false, //Should contents open by default be animated into view?
                persiststate: true, //persist state of opened contents within browser session?
                toggleclass: ["unselected", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
                togglehtml: ["suffix", "<img src='/css/shop/plus.png' class='statusicon' />", "<img src='/css/shop/minus.png' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
                animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
                oninit:function(headers, expandedindices) { //custom code to run when headers have initalized
                    //do nothing
                },
                onopenclose:function(header, index, state, isuseractivated) { //custom code to run whenever a header is opened or closed
                    //do nothing
                }
            })

</script>
<script type="text/javascript">
    var infoStyle = "<div style='margin-bottom: 20px; padding: 0 .7em;' class='ui-state-highlight ui-corner-all'><p><span style='float: left; margin-right: .3em;' class='ui-icon ui-icon-info'></span><strong id='_msg'></strong></p></div>";
    var errorStyle = "<div style='padding: 0 .7em;' class='ui-state-error ui-corner-all'><p><span style='float: left; margin-right: .3em;' class='ui-icon ui-icon-alert'></span><strong id='_msg'></strong></p></div>";

    $(function() {
        $("button, input:submit, input:button").button();
        $(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")
                .find(".portlet-header")
                .addClass("ui-widget-header ui-corner-all")
                .prepend("<a href='#' class='ui-dialog-titlebar-close ui-corner-all' role='button'><span class='ui-icon ui-icon-circle-triangle-n' style='padding-right: 2px'></span></a>")
                .end()
                .find(".portlet-content");

        $(".portlet-header .ui-icon").click(function() {
            $(this).toggleClass("ui-icon-circle-triangle-n").toggleClass("ui-icon-circle-triangle-s");
            $(this).parents(".portlet:first").find(".portlet-content").toggle("fast");
        });

        $("#btnLogout").click(function() {
            $("#formLogout").submit();
        });

        /*******    Digital Clock   ***************/
            // Create two variable with the names of the months and days in an array
        var monthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ];
        var dayNames = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];

        // Create a newDate() object
        var newDate = new Date(<?php echo microtime(true) * 1000;?>);
        // Extract the current date from Date object
        newDate.setDate(newDate.getDate());
        // Output the day, date, month and year
        $('#Date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear() + " (GMT)");

        setInterval(function() {
            // Create a newDate() object and extract the seconds of the current time on the visitor's
            var seconds = new Date().getSeconds();
            // Add a leading zero to seconds value
            $("#sec").html(( seconds < 10 ? "0" : "" ) + seconds);
        }, 1000);

        setInterval(function() {
            // Create a newDate() object and extract the minutes of the current time on the visitor's
            var minutes = new Date().getMinutes();
            // Add a leading zero to the minutes value
            $("#min").html(( minutes < 10 ? "0" : "" ) + minutes);
        }, 1000);

        setInterval(function() {
            // Create a newDate() object and extract the hours of the current time on the visitor's
            var hours = new Date().getHours();
            // Add a leading zero to the hours value
            $("#hours").html(( hours < 10 ? "0" : "" ) + hours);
        }, 1000);
    });

    function alert(data) {
        var msgs = "";
        if ($.isArray(data)) {
            jQuery.each(data, function(key, value) {
                msgs = value + "<br>";
            });
        } else {
            msgs = data + "<br>";
        }

        var alertPanel = "<div style='padding: 10px; line-height :normal' class='ui-state-highlight ui-corner-all'><p><span style='float: left; margin-right: .3em;' class='ui-icon ui-icon-info'></span>";
        alertPanel += msgs + "</p></div>";
        $("#waitingLB h3").html(alertPanel);
        $.blockUI({
                    message: $("#waitingLB")
                    , css: {
                        border: 'none',
                        padding: '5px',
                        '-webkit-border-radius': '10px',
                        '-moz-border-radius': '10px',
                        'border-radius': '10px',
                        opacity: .9
                    }});
        $(".blockOverlay").css("z-index", 1010);
        $(".blockPage").css("z-index", 1011);
        $('.blockOverlay').attr('title', 'Click to unblock').click($.unblockUI);
    }
    function error(data) {
        var msgs = "";
        if ($.isArray(data)) {
            jQuery.each(data, function(key, value) {
                msgs = value + "<br>";
            });
        } else {
            msgs = data + "<br>";
        }

        var errorPanel = "<div style='padding: 10px; line-height :normal' class='ui-state-error ui-corner-all'>";
        errorPanel += "<p><span style='float: left; margin-right: .3em;' class='ui-icon ui-icon-alert'></span>";
        errorPanel += msgs + "</p></div>";
        $("#waitingLB h3").html(errorPanel);
        $.blockUI({
                    message: $("#waitingLB")
                    , css: {
                        border: 'none',
                        padding: '5px',
                        '-webkit-border-radius': '10px',
                        '-moz-border-radius': '10px',
                        'border-radius': '10px',
                        opacity: .9,
                        'min-width': '30%',
                        'width': '60%',
                        left: '25%',
                        top: '25%'
                    }});
        $(".blockOverlay").css("z-index", 1010);
        $(".blockPage").css("z-index", 1011);
        $('.blockOverlay').attr('title', 'Click to unblock').click($.unblockUI);
    }
    function waiting() {
        /*$("#waitingLB h3").html("<h3>Loading...</h3><div id='loader' class='loader'><img id='img-loader' src='/images/loading.gif' alt='Loading'/></div>");*/
        $("#waitingLB h3").html("<h3 style='width: 100%; padding-left: 0px; background-color:inherit; color: black; line-height:0px; margin-top: 20px;'>Loading...</h3><div id='loader' class='loader'><img id='img-loader' src='/images/loading.gif' alt='Loading'/></div>");

        $.blockUI({
                    message: $("#waitingLB")
                    , css: {
                        border: 'none',
                        padding: '5px',
                        'background-color': '#fff',
                        '-webkit-border-radius': '10px',
                        '-moz-border-radius': '10px',
                        'border-radius': '10px',
                        opacity: .8,
                        color: '#000'
                    }});
        $(".blockOverlay").css("z-index", 1010);
        $(".blockPage").css("z-index", 1011);
    }
</script>
<style type="text/css">
    .header_row {
        background: none repeat scroll 0 0 #222222;
        height: 39px;
        margin-bottom: 18px;
        overflow: hidden;
        width: 960px;
        margin: -5px auto 0;
    }

    .header_row .menu ul {
        margin: 0;
        padding: 11px 0 0 16px;
    }

    .header_row ul {
        list-style: none outside none;
    }

    .header_row ul {
        color: #8B8B8B;
        margin: 8px 20px;
        padding: 0;
    }

    .header_row .menu li {
        background: url("/images/menu-marker.gif") no-repeat scroll 0 1px transparent;
        float: left;
        font-size: 14px;
        padding: 0 20px 0 24px;
    }

    .white {
        font-weight: bold;
    }

    a:hover .white {
        font-size: 15px;
        color: #ffffff !important;
    }

    .content_line {
        background: url("/images/horizontal_ruler.png") repeat-y scroll 0 0 transparent;
        float: left;
        height: 13px;
        margin-left: 2px;
        margin-top: 10px;
        width: 590px;
    }
</style>
</head>
<body class="product_result">
<div id="waitingLB" style="display:none; cursor: default">
    <h3 style="width: 100%; padding-left: 0px; background-color:inherit; color: black; line-height:0px; margin-top: 0px">
        We are processing your request. Please be patient.</h3>
</div>

<noscript>
    <!-- display message if java is turned off -->
    <div id="notification">Please turn on javascript in your browser for the maximum user experience!</div>
</noscript>
<!--------------------------------HEADER-------------------------------------->
<div id="header_contianer">
    <div id="header">
        <a href="http://sg.fxpromaxltd.co" id="logo" target="_blank"><img src="/images/logo_bg.png"
                                                                              style="height: 90px"></a>

        <div style="float: right;">
            <ul id="header_menu">
                <li><a href="#"><?php echo __('Language') ?> :</a></li>
                <?php include_component('component', 'multiLanguage', array('param' => $sf_user->getAttribute(Globals::SESSION_DISTID, 0))) ?>

                <li><a href="#"><span class=""></span></a></li>
                <li><a href="<?php echo url_for("/home/logout")?>"><span class="menu-icon logout"></span>Logout</a></li>
            </ul>

        </div>
        <!--end of language-->
    </div>
    <!--end of header-->
</div>


<div id="content">

    <!--------------------------------Side Menu------------------------------------->
    <div id="side_menu">

        <!--------------------------------Side Menu------------------------------------->
        <div id="locator">
            <table width="190" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td align="left">
                        <div id="locater_heading">
                            <p class="" style="font-size:12px;"><?php echo __('MAIN MENU'); ?></p>
                        </div>
                    </td>
                </tr>

            </table>
        </div>
        <span class="shadow_short"></span>
        <!--------------------------------Glossy menu------------------------------------->
        <?php include_component('component', 'submenu', array('param' => $sf_user->getAttribute(Globals::SESSION_DISTID, 0))) ?>

        <!--end of glossy menu-->
        <!--end of country list-->

    </div>
    <!--end of side menu-->
    <div id="main_content">
        <?php echo $sf_data->getRaw('sf_content') ?>
        <!--end of main content-->

    </div>

    <br class="clear">
    <br class="clear">
    <div style="bottom: 10px; padding-left: 15px; padding-right: 15px; width: 740px; float: right">
        <?php include_component('component', 'footerInformation', array('param' => $sf_user->getAttribute(Globals::SESSION_DISTID, 0))) ?>
    </div>
    <!--------------------------------Glossy menu------------------------------------->
</div>
<div id="footer">Copyright &copy; 2012 fxpromaxltd.co. All right reserved.&nbsp;&nbsp;</div>
    <!--end of footer-->
</body>
</html>